<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form 表单</title>
</head>

<body>
    <h1><font color="red">form 表单</font></h1>

    <p>所有需要提交到服务器的表单项,必须使用&lt;form>&lt;/form>括起来.</p>
    属性:
    <ol>
        <li>&lt;form <font color="red">name</font>="表单名称" (用于区分表单)</li>
        <li>&lt;form <font color="red">action</font>="提交位置" (可以是页面/java后台/接口url)</li>
        <li>
            &lt;form <font color="red">method</font>="提交方式" (7种)
            <ol>
                <li>get (默认)</li>
                <li>post:</li>
                <li>put:</li>
                <li>delete:</li>
            </ol>
        </li>
    </ol>


    <br />
    <font color="red" size="7">5. 示例</font>

    <form action="https://www.baidu.com/s" method="get">
        用户名：<input type="text" name="text" placeholder="请输入用户名"/> <br />
        密码：<input type="password" /><br />
        确认密码：<input type="password" /><br />
        性别：
            <input type="radio" name="sex" value="0" />男
            <input type="radio" name="sex" value="1" />女 <br />
        爱好：
            <input type="checkbox" name="hobby" value="DiaoYu" />钓鱼
            <input type="checkbox" name="hobby" value="DaDianDong" />打电动
            <input type="checkbox" name="hobby" value="XieDaiMa" />写代码 <br />
        头像：
        <input type="file" name="file" /><br /> 地址：
        <select name="address">
            <option value="">--请选择--</option>
            <option value="BeiJing" selected="selected">北京</option>
            <option value="ShangHai">上海</option>
            <option value="GuangZhou">广州</option>
        </select>
        <br />
        自我介绍：<br />
        <textarea value="TextArea">这是textArea</textarea><br />
        提交按钮：
        <input type="submit" value="这是submit按钮" /><br />
        普通按钮：
        <input type="button" value="这是button按钮" /><br />
        重置按钮：
        <input type="reset" value="这是reset按钮" />
    </form>

    <!--02_案例一：网站注册页面_表单标签属性介绍_.flv-->
</body>
</html>